.api_menu {
    position: absolute;
    right: 200px;
    top: 4px;
    background-color: #ccc;
    z-index: 2000;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;

}
.api_menu:hover {
    background-color: aliceblue;
    font-size: bold;
    /* color: cornflowerblue; */
}

.msg_area {
    width: 600px;
    height: 400px;
    padding: 16px;
}

.msg_textarea {
    width: 100%;
    height: 100%;
    padding: 8px;

}

.plugin-card {
    width: 500px;
    height: calc(100vh - 150px);
    margin-left: 10px;
    border-radius: 16px;
}
.CodeMirror {
    width: 500px;
    height: calc(100vh - 150px) !important;;
}
.CodeMirror-scroll {
    height: calc(100vh - 150px) !important;;
    overflow-y: hidden;
    overflow-x: auto;
}

.plugin-result {
    border: 1px solid #ccc;
    width: 500px;
    height: calc(100vh - 150px);
    padding: 8px;

}
.plugin-result:focus-visible {
    border: 1px solid #bbb;
}